.markdown_content {
  font-size : 1rem !important;
  max-height: 46.5rem;
}

.show_html {
  padding         : .6rem;
  border          : .06rem solid #ddd;
  border-radius   : .3rem;
  font-size       : 1rem;
  height          : 46.5rem;
  background-color: #f0f0f0;
  overflow        : auto;
}

.show_html h1 {
  font-size: 2rem;
}

.show_html h2 {
  font-size    : 1.7rem;
  border-bottom: .06rem solid #cbcbcb;
}

.show_html h3 {
  font-size: 1.5rem;
}

.show_html pre {
  display         : block;
  background-color: #f0f0f0;
  padding         : 0.3rem;
  border-radius   : 0.3rem;
}

.show_html pre>code {
  color           : #000;
  background-color: #f0f0f0;
}

.show_html code {
  background-color: #fff5f5;
  padding         : 0.3rem 0.6rem;
  border-radius   : 0.3rem;
  margin          : 0 0.2rem;
  color           : #ff502c;
}

.show_html blockquote {
  border-left     : 0.25rem solid #cbcbcb;
  padding         : 0.6rem 6rem 6rem 1.8rem;
  background-color: #f8f8f8;
}

.introduce_html {
  padding         : .6rem;
  border          : .06rem solid #ddd;
  border-radius   : 0.3rem;
  font-size       : 1rem;
  background-color: #f0f0f0;
}


.introduce_html h1 {
  font-size: 1.8rem;
}

.introduce_html h2 {
  font-size    : 1.8rem;
  border-bottom: .06rem solid #cbcbcb;
}

.introduce_html h3 {
  font-size: 1.5rem;
}

.introduce_html pre {
  display         : block;
  background-color: #f0f0f0;
  padding         : 0.3rem;
  border-radius   : 0.3rem;
}

.introduce_html pre>code {
  color           : #000;
  background-color: #f0f0f0;
}

.introduce_html code {
  background-color: #fff5f5;
  padding         : 0.3rem 0.6rem;
  border-radius   : 0.3rem;
  margin          : 0 0.2rem;
  color           : #ff502c;
}

.introduce_html blockquote {
  border-left     : 0.25rem solid #cbcbcb;
  padding         : 0.6rem 0.6rem 0.6rem 0.6rem;
  background-color: #f8f8f8;
}